.wrap .tip{
    float: left;
    margin-top: 20px;
}
.wrap .top-content {
    padding: 20px 0;
    margin-left: 890px;
}
.top_pic{
    width: 100%;
    background:url(../images/17.jpg) 50% 50% /100% fixed;
    padding:15px 0;
}

.top_pic .title{
    color: #ffede8;
    font-size:35px;
}
.top_pic .text{
    color: #f3ffc4;
}
.top_pic .userBox{
    position: relative;
    overflow: hidden;
}
.top_pic .userBox>div{
    display: inline-block;
    color: #ffffff;
}
.top_pic .userBox .user_icon{
    width: 60px;
    height: 60px;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    border:2px solid #ffffff;
    overflow: hidden;
    vertical-align: middle;
    margin-right:50px;
}
.top_pic .userBox .user_icon img{
    width: 100%;
    height:100%;
    cursor: pointer;
}
.top_pic .userBox .user_icon .userNm{
    color: #ffffff;
    background-color: rgba(74, 74, 74, 0.62);
    padding:4px 0;
    text-align: center;

}
.top_pic .userBox .user_icon a{
    display: block;
    padding-top: 60px;
    width: 60px;
    background: url(../images/head.jpg) no-repeat;
    background-size: 60px 60px;

}
.top_pic .userBox .user_icon a span{
    display: block;
    margin-top: 0;
    padding-top: 8px;
    width: 60px;
    height: 55px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    -webkit-transition: margin-top .2s ease-in-out;
    -moz-transition: margin-top .2s ease-in-out;
    -o-transition: margin-top .2s ease-in-out;
    transition: margin-top .2s ease-in-out;
}
.top_pic .userBox .user_icon a:hover span{
    margin-top:-33px;
}
.top_pic .off a{
    display: inline-block;
    width: 30px;
    height:30px;
    vertical-align: middle;
    -webkit-background-size:100%;
    background-size:100%;
    margin-left: 15px;
}
.top_pic .userBox .workTab{
    background-image:url(../images/work.png);
}
.top_pic .userBox .logoff{
    background-image: url(../images/log-off.png);
}
.top_pic .userBox .setting{
    background-image: url(../images/setting.png);
}
/***********首页中间公告区*********/
.wrap .notice{
    background-color:#fff;
}

.wrap .backlog{
    background-color: #fff;
}
.wrap .g_top{
    margin-top: 10px;
}
.wrap .left_box{
    width: 800px;
}
.g_title{
    width: 80%;
    font-size: 25px;
}
#notice_table,#undo_table{
    width: 100%;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.3);
    -moz-box-shadow: 0 4px 20px  rgba(0,0,0,.3);
    box-shadow: 0 4px 20px  rgba(0,0,0,.3);
    padding:20px;
}
.wrap .left_box tbody tr:nth-child(odd){
    background-color: #e8f2ff;
}
.wrap .left_box td{
    padding:20px 30px;
}
#notice_table td .add_btn{
    width: 40px;
    height: 40px;
    display: block;
    background-image: url(../images/add.png);
    background-size:100% 100%;
    text-align: center;
    margin-left: 10px;
}
.g_right{
    width: 390px;
    height: 316px;
    margin-left:10px;
    background-color: #00ffb3;
}
.g_right .write_box{
    margin:20px 20px;
}
.writeTab{
    width: 350px;
    height: 236px;
    background-color: #00ffb3;
    color: #ffffff;
    font-size: 20px;
    resize: none;
}
.btns{
    width: 100%;
    text-align: right;
}
.btns a{
    width: 25px;
    height: 25px;
    display: inline-block;
    -webkit-background-size:100%;
    background-size:100%;
    margin-right: 20px;
}
.del{
    background-image: url(../images/del.png);
}
.btns a.done{
    width: 30px;
    height: 25px;
    background: url(../images/done.png) no-repeat;
    -webkit-background-size:100%;
    background-size:100%;
}
.ad img{
    width: 100%;
    height:100%;
}

.copyRight{
    padding:100px 0;
    text-align: center;
}








